---
title: Déployez votre site Astro sur Heroku
description: Comment déployer votre site Astro sur le web en utilisant Heroku.
type: deploy
i18nReady: true
---
[Heroku](https://www.heroku.com/) est une plateforme en tant que service permettant de créer, d'exécuter et de gérer des applications modernes dans le cloud. Vous pouvez déployer un site Astro sur Heroku à l'aide de ce guide.

:::danger
Les instructions suivantes utilisent [l'ancien `heroku-static-buildpack`](https://github.com/heroku/heroku-buildpack-static#warning-heroku-buildpack-static-is-deprecated). Veuillez consulter [la documentation d'Heroku sur l'utilisation de `heroku-buildpack-nginx`](https://github.com/dokku/heroku-buildpack-nginx) à la place.
:::

## Comment déployer

1. Installez [Heroku CLI](https://devcenter.heroku.com/articles/heroku-cli).

2. Créez un compte Heroku en vous [inscrivant](https://signup.heroku.com/).

3. Lancez `heroku login` et saisissez vos identifiants Heroku :

```bash
$ heroku login
   ```

4. Créez un fichier appelé `static.json` à la racine de votre projet avec le contenu suivant :

```json title="static.json"
{
  "root" : "./dist"
}
   ```

C'est la configuration de votre site ; lisez-en plus sur [heroku-buildpack-static](https://github.com/heroku/heroku-buildpack-static).

5. Configurez votre Heroku git remote :

```bash
# changement de version
$ git init
$ git add .
$ git commit -m "Mon site prêt à être déployé".

# crée une nouvelle application avec le nom spécifié
$ heroku apps:create example

# définit le buildpack pour les sites statiques
$ heroku buildpacks:set https://github.com/heroku/heroku-buildpack-static.git
   ```

6. Déployez votre site :

```bash
# publish site
$ git push heroku master

# ouvre un navigateur pour voir la version Dashboard de Heroku CI
$ heroku open
   ```
